/* $Id: default.css 7627 2016-09-19 03:55:49Z rchacon $*/
/***

New "Gel" Theme for WebERP

by Hindra Joshua

Based from the previous theme "Gel"
Credits to the original authors.

NOTE:
This CSS is not yet optimized. Some styles maybe 'redundant' or 'unused',
but for the obvious one it will be cleaned up.
To optimized the rest we should examined the whole codes! That would be for
the next project. :)

***/

button img {
	/* Describes how button image should be displayed. */
	height:21px;
	width:21px;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: white;
	margin:0;
	padding:5px;
}

a {
	font-weight: normal;
	text-decoration: none;
	color: blue;
}
a:hover {
	color: blue;
	text-decoration: underline;
}
img {
	border:none;
	vertical-align:middle;
}
p.good {
    font-weight: bold;
    color: green;
}
p.bad {
    font-weight: bold;
    color:red;
}
table {
  /*background-color: #eee;*/
  border: 0px 0px 2px 2px #222 solid;
  /*background: #eee;*/
  /*width:90%;*/
	margin:0 auto;
}
table.selection {
	background-color:#eee;
	outline-style:solid;
	outline-width:1px;
}
th {
	background-color:#ccc;
	color:#330000;
	font-weight:normal;
	text-align:center;
}
th.ascending {
	cursor: s-resize;
}
th.descending {
	cursor: n-resize;
}
th:after {
	content: "";
	float: right;
	margin-top: 7px;
	visibility: hidden;
}
th.ascending:after {
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #000 transparent;
	visibility: visible;
}
th.descending:after {
	border-bottom: none;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000;
	visibility: visible;
}
td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}
td.select {
	background-color:#eee;
}
div.centre {
  margin: 20px auto;
  text-align:center;
}
input{
  	background: url(images/input.png) #eee;
	color:#000;
	border: 0px 0px 1px 1px #000 dashed;
}
input:hover{
	background: url(images/inputh.png) #eee;
	color:#000;
	border: 1px 1px 1px 1px #000 solid;
}
input.image {
	border-width:0px;
	background-color: transparent;
}
input.inputerror, input.error, select.error, select.selecterror, label.error {
	color:red;
	border: 2px solid red;
}
input:required, select:required, textarea:required {
	/*background-color:lightyellow;*/
}
select {
	background:#eee;
	color:#111;
}
textarea{
  	background: url(images/input.png) #eee;
	color:#000;
	border: 0px 0px 1px 1px #000 dashed;
}
textarea:hover{
}
.EvenTableRows {
	background-color: #CCCCCC;
}
.OddTableRows {
	background-color: #EEEEEE;
}
textarea{
	background: url(images/inputtxt.png) #eee;
	color:#000;
	border: 0px 0px 1px 1px #000 dashed;
	}
textarea:hover{
	background: url(images/inputhtxt.png) #eee;
	color:#000;
	border: 1px 1px 1px 1px #000 solid;
}
div.error { /*** is this used??? ***/
	background-color:red;
	color: white;
	font-style: italic;
	font-weight:bold;
	border: 3px solid red;
}
div.warn {
	background-color:#EEE;
	color: black;
	border: 1px solid #DDD;
	padding: 8px 5px;
}
div.success { /*** is this used??? ***/
	background-color:#b9ecb4;
	color: #008000;
	border: 1px solid #008000;
}
div.info { /* ??? */
	background:#a3e6ff;
	/*width: 90%;*/
	margin: 0 auto;
	padding:20px 0;
	text-align: center;
	border: #CCC 1px solid;
	margin-bottom: 20px;
}
DIV.page_help_text {
	/*background: lightgrey url(images/help.png) top left no-repeat;*/
	background:#a3e6ff;
	border: #CCC 1px solid;
	/*padding-top:2px;
	padding-bottom: 2px;
	padding-left: 10px;*/
	padding:20px 0;
	z-index: 1;
	/*width: 90%;*/
	float: none;
	visibility: visible;
	margin: 0 auto;
	margin-bottom: 20px;
	position: static;
    font-weight: normal;
    color: black;
	text-align:center;
}
DIV.system_check { /*** is this used???  */
	border: #a52a2a 1px solid;
	padding-left: 3px;
	z-index: 1;
	width: 40%;
	float: none;
	visibility: visible;
	margin: 0 auto;
	position: static;
	background: lightgray;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
	color: black;
	text-align:left;
}

.dpTbl {
	border: solid navy 1px;
}
.dpTD{
	border:0;
	width:20px;
	background-color:#EEEEEE;
	text-align:right;
	cursor:pointer;
}
.dpDayHighlight{
	border:0;
	width:20px;
	background-color:yellow;
	text-align:right;
	cursor:pointer;
}
.dpTDHover{
	border:0;
	width:20px;
	background-color:#CCCCCC;
	text-align:right;
	cursor:pointer;
}

.table1 { /*** used ***/
	/*width:90%;*/
	background: #eee;
	border: 1px solid #222;
	margin: 0 auto;
}
.tableheader { /* used */
	font-weight: normal;
	background-color: #cccce5;
	color: #330000;
}
.notavailable { /* used */
	font-weight: normal;
	font-style:italic;
	color:#555555;
}
.label { /* used */
	font-weight:bold;
	font-style:normal;
	font-size:120%;
	color:black;
	background-color:#cccccc;
}
.table_index { /* used */
	background-color: #eee;
}

.header {
	background-image: url("");
	background-repeat: no-repeat;
	background-attachment: fixed;
	border: none;
	margin: 0px;
	padding: 0px;
}
input.inputerror { /* used */
	background-color: #fddbdb;
}
textarea.texterror { /* used */
	background-color: #fddbdb;
}
select.selecterror { /* used */
	background-color: #fddbdb;
}
.OsRow { /* used */
	background-color: #234567;
	color: white;
}
li { /* ??? */
	list-style-image: url(bullet.gif);
}

/*** CANVAS ***/

#CanvasDiv{
}

/*** HEADER ***/

#HeaderDiv {
	overflow:hidden; /* REQUIRED: height according to items contained */
	background: url(images/gelblue.png) repeat-x blue;
	background-size:contain;
	color:white;
	padding:3px;
	border:2px outset blue;
	border-radius:20px;
	padding:0 5px;
}
#HeaderWrapDiv{
}

/*** HEADER - APP INFO ***/

#AppInfoDiv{
	float:left; /* REQUIRED: to the left */
}
#AppInfoDiv img{
	vertical-align:middle; /* center image and text vertically */
}
#AppInfoCompanyDiv{
	display:table-cell; /* REQUIRED: as a cell */
}
#AppInfoUserDiv{
	display:table-cell; /* REQUIRED: as a cell */
}
#AppInfoUserDiv a{
	color:white;
	font-weight:bold;
	text-decoration:none;
}
#AppInfoUserDiv a:hover{
	color:white;
	font-weight:bold;
	text-decoration:underline;
}
#AppInfoModuleDiv{
	padding-left:24px;
}

/*** HEADER - QUICK MENU ***/

#QuickMenuDiv{
	float:right; /* to the right side  */
	margin-top:2px;
}
#QuickMenuDiv ul{
	list-style:none; /* hide the bullets */
}
#QuickMenuDiv li{
    display:inline; /* items are inline */
}

/*** links as buttons!!! clicking anywhere in the button will activate
     the link!!! ***HJ***/

#QuickMenuDiv li a{
	padding:5px; /* links as button */
	border:2px outset transparent; /* un-pressed state */
	border-radius:15px;
	color:white;
	font-weight:bold;
}
#QuickMenuDiv li a:hover{
	padding:5px; /* links as button */
	border:2px inset steelblue; /* pressed state */
	text-decoration:none; /* no underline */
	color:whie;
	border-radius:15px;
}

/*** BODY ***/

#BodyDiv {
	clear:both; /* REQUIRED */
	overflow:hidden; /* REQUIRED */
	color:black;
	background:whitesmoke;
	text-align:center;
}
#BodyDiv table {
	width:auto; /* automatic width */
	margin: 0 auto;
	margin-bottom:10px;
}
#BodyDiv .centre{
	margin:0 auto 10px;
    text-align:center;
}

/*** BODY - MAIN MENU ***/

#MainMenuDiv{
	float:left; /* REQUIRED: to the left side */
	white-space:nowrap; /* don't break text */
	text-align:center;
	width:11%;
	background:url(images/gelbluev.png) repeat-y blue;
	background-size:contain;
	border:2px outset blue;
	border-radius:20px;
	margin-top:5px;
	padding:3px;

}
#MainMenuDiv ul{
	list-style:none; /* REQUIRED: hide bullets */
	padding:0; /* REQUIRED: remove extra gaps (ex-bullets) */
	margin:0;
}
#MainMenuDiv li{
	list-style:none; /* REQUIRED */
	padding:0; /* REQUIRED */
}
#MainMenuDiv li a{ /* link as button!!! not-pressed state */
	display:block; /* REQUIRED */
	padding:3px;
	border:2px outset transparent;
	color:white;
	font-weight:bold;
	border-radius:15px;
}
#MainMenuDiv li a:hover{ /* link as button!!! pressed state */
	text-decoration:none;
	padding:3px;
	border:2px inset steelblue;
	background:none;
	border-radius:15px;
}
#MainMenuDiv .main_menu_selected a{ /* the selected button */
	text-decoration:none;
	padding:3px;
	border:2px inset steelblue;
	background:none;
	border-radius:15px;
}

/*** BODY - SUB MENU ***/

#SubMenuDiv{
	display:table;
    margin-left:auto;
    margin-right:auto;
   	padding-top:5px;
    width:87%;
	text-align:left;
}
#SubMenuDiv ul{
	list-style-type:none; /* REQUIRED: hide bullets */
	padding:0; /* REQUIRED: remove extra gaps (ex-bullets) */
	margin:0;
	border:thin solid black;
	margin-left:3px;
}
#SubMenuDiv li{
	list-style:none; /* REQUIRED: hide the bullets */
	width:100%; /* REQUIRED: make item full width */
	background:#eeeeee;
}
#SubMenuDiv li img{
	vertical-align:middle; /* verticall align icon with the text */
}
#SubMenuDiv .menu_group_headers {
	background:url(images/menu_bg_white.png) repeat-x silver;
	text-align:center;
	color:black;
	padding-top:2px;
	padding-bottom:2px;
}
#SubMenuDiv .menu_group_item p {
	color: blue; /* This is the color for bullets, I like it to be the same as the anchor color, but it's up to you */
	text-indent: -10px; /* this makes the bullet to appear as the li tag previously used */
	margin: 0 0 0 12px; /* One thing that I didnÂ´t like of the li was that it had no left margin applied */
}
#SubMenuDiv a:link, a:visited{ /* links  */
	color:blue;
	text-decoration:none;
}
#SubMenuDiv a:hover{
	color:blue;
	text-decoration:underline;
}
#SubMenuDiv .menu_group_item { /* menu items */
	padding-top:2px;
	padding-bottom:2px;
}
#SubMenuDiv .menu_group_item:hover {
	background:#bfd8ff;
}
#TransactionsDiv{
	display:table-cell;
}
#InquiriesDiv{
	display:table-cell;
}
#InquiriesDiv div{ /* default div, used for custom report header */
	background:#dddddd;
	color:black;
	padding:2px;
/*	border:thin outset silver;*/
}
#MaintenanceDiv{
	display:table-cell;
}

/*** FOOTER ***/

#FooterDiv{
	clear:both; /* REQUIRED */
    overflow:hidden;
    color:gray;
	background:url(images/bar.png) repeat-x lightgray;
	border:thin solid lightgray;
}
#FooterWrapDiv{
	overflow:hidden;
	padding:3px;
}
#FooterLogoDiv{
	background:white;
    border-radius:8px;
    float:left;
	padding:3px;
	margin-left:44%; /* to the center (approx) */
}
#FooterVersionDiv{
	clear:both; /* below the logo */
	text-align:center;
}
#FooterTimeDiv{
	display:block;
	float:right;
	line-height:2.8em; /* Center the text vertically.
						  [vertical-align has no effect on text alone] */
}
#Report {
	/* Division id for reports. */}
#Report table {
	/* Body of a report formatted with table tag. */
}
.centre {
	text-align:center;
	/* Class selector to horizontal align a text (centre) in an element. */
}
.number {
	text-align:right;
	/* Class selector to horizontal align a number (right) in an element. */
}
.text {
	text-align:left;
	/* Class selector to horizontal align a text (left) in an element. */
}
.page_title_text {
	/*width:90%;*/
	color:black;
	font-weight:bold;
    padding-bottom:2px;
    padding-top:2px;
	text-align:center;
	/* Class selector for page title. */
}
/* END Style for all. ********************************************************/

/*-------------------------------------------------------新定义结构(名称)布局样式--------------------------------------------------*/

/*--------内容页----------*/
#common_header_box{
	/*min-width: 1000px;*/
	height: 50px;
}
#common_header{background: #147bf0;height: 50px;}

#common_main{
	width: 100%;
	/*min-width: 1000px;*/
	overflow: hidden;
}
#left_menu_body{
	left: 0;
	width: 200px;
	border-right: 1px solid #d2d7db;
	background: #ecf4ff;
	float: left;
	position: absolute;
	bottom: 0px;
	top: 50px;
	/*overflow-y:auto;*/
}

#right_body{
	margin-left: 201px;
	position: absolute;
	right: 0px;
	left: 0px;
	bottom: 0px;
	top: 50px;
}
#right_navigate{
	height: 40px;line-height: 40px;border-bottom: 1px solid #d2d7db;
	/*-webkit-box-shadow:  0 1px 3px rgba(0,0,0,.08);
    box-shadow:  0 1px 3px rgba(0,0,0,.08);
    -moz-box-shadow:  0 1px 3px rgba(0,0,0,.08);*/
	position: relative;
	z-index: 2;
}
#right_navigate div{padding-left: 20px;}
#right_navigate ul{margin-left: 20px;margin-right: 10px;}
#right_navigate ul li{float: left;padding-right: 10px;}
#right_navigate ul li a{font-size: 12px;}
#right_content{
	position: absolute;top: 40px;left: 0;width: 100%;bottom: 30px;overflow-y: auto;/*background: #136ed6;*/
	/* min-width: 1000px;*/
}
#right_layout{position: absolute;padding: 20px;top: 0;right:0;left: 0;bottom: 0;}
#right_content_fun{
	position: absolute;top: 40px;left: 0;width: 100%;bottom: 30px;overflow-y: auto;/*background: #136ed6;*/
	/* min-width: 1000px;*/
}
#right_layout_fun{position: absolute;padding: 20px;top: 0;right:0;left: 0;bottom: 0;font-size: 10px!important;}
#right_layout_fun div.page_help_text {
	/*background: lightgrey url(images/help.png) top left no-repeat;*/
	background:#a3e6ff;
	border: #CCC 1px solid;
	/*padding-top:2px;
	padding-bottom: 2px;
	padding-left: 10px;*/
	padding:5px 10px;
	z-index: 1;
	/*width: 90%;*/
	float: none;
	visibility: visible;
	margin: 0 auto;
	margin-bottom: 20px;
	position: static;
	font-weight: normal;
	color: black;
	text-align:left;
	font-size: 12px;
}
#right_layout_fun div.info { /* ??? */
	background:#a3e6ff;
	/*width: 90%;*/
	margin: 0 auto;
	padding:5px 0;
	text-align: center;
	border: #CCC 1px solid;
	margin-bottom: 20px;
	font-size: 12px;
}
#right_layout_fun div.warn {
	background-color:#EEE;
	color: black;
	border: 1px solid #DDD;
	padding:5px;
	font-size: 12px;
}
#right_layout_fun div.error { /*** is this used??? ***/
	background-color:red;
	color: white;
	font-style: italic;
	font-weight:bold;
	border: 3px solid red;
	font-size: 12px;
}
#right_layout_fun .page_title_text{padding:15px 0;margin:0 auto;}
#right_layout_fun .page_title_text img{display:inline!important;}
#right_layout_fun table.selection {
	border-collapse: collapse!important;
	background-color:#fff;
	outline-style:none;
	outline-width:0px;
	/*width: 90%;*/
	margin: 0 auto;
	/*margin-bottom: 20px;*/
	-webkit-box-shadow:  0 1px 1px rgba(0,0,0,.2);
	box-shadow:  0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow:  0 1px 1px rgba(0,0,0,.2);
}
#right_layout_fun table{width: auto;}
#right_layout_fun .table1 { /*** used ***/
	/*width:90%;*/
	background-color:#fff;
	border: 1px solid #FFF;
	margin: 0 auto;
	-webkit-box-shadow:  0 1px 1px rgba(0,0,0,.2);
	box-shadow:  0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow:  0 1px 1px rgba(0,0,0,.2);
}
#right_layout_fun .table_index td { /* used */
	font-size: 12px;
}
#right_layout_fun th{border: 1px solid #ddd;padding: 5px;background: #f1f8ff;font-size: 12px}
#right_layout_fun td{padding: 5px;border: 1px solid #ddd;font-size: 12px}
#right_layout_fun .OddTableRows {
	background-color: #FFF;
}
#right_layout_fun .EvenTableRows {
	background-color: #f5f5f5;
}
#right_layout_fun td b{font-size: 12px;}
#right_layout_fun td.select{background: #f9f9f9;font-size: 12px}
#right_layout_fun input{  background: #fff;  border: 1px solid #999;padding:3px 5px!important;font-size: 12px}
#right_layout_fun input:hover{  background: #fff;  }
#right_layout_fun input:focus{
	border-color: #147bf0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#right_layout_fun input[type= 'submit']{
	cursor:pointer;background: #147bf0;color: #FFF;border: none;
	border-radius: 2px;-webkit-border-radius: 2px;margin: 5px;
	padding: 5px 15px!important;display:inline-block;font-size: 12px
}
#right_layout_fun input[type= 'submit']:hover{background: #136ed6;font-size: 12px}
#right_layout_fun select{background: #fff;font-size: 12px}
#right_layout_fun select:focus{
	border-color: #147bf0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#right_layout_fun a{font-size: 12px;}
#right_layout_fun div.centre {
	margin: 10px auto;
	text-align:center;
	font-size: 12px
}
/*瀑布流布局样式*/
#layout_box { position: relative;margin: 0 auto;}
#layout_box li {
	position: absolute;
	background: #FFF;
	left: 0px; top: 0;
	-webkit-transition: all .7s ease-out .1s;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out .1s;
	transition: all .7s ease-out .1s;
	margin-bottom: 20px;
	/*border: 1px solid #e7e7e7;*/
	-webkit-box-shadow:  0 1px 5px rgba(0,0,0,.08);
	box-shadow:  0 1px 5px rgba(0,0,0,.08);
	-moz-box-shadow:  0 1px 5px rgba(0,0,0,.08);
}

#common_footer{
	border-top: 1px solid #d2d7db;
	position: absolute;height: 30px;line-height: 30px;
	left: 0;width: 100%;bottom: 0;background: #f5f5f5;
	text-align: center;font-size: 12px;}

